<template>
 <xdh-layout fixed>
<xdh-header title="协查任务管理" layout="logo, title, nav" slot="north"
:nav="nav" :nav-default-active="taskStatus"
:nav-router="true">
 </xdh-header>
        <div class="task-container">
            <task-pane :type="taskStatus"></task-pane>
        </div>
    </xdh-layout>
</template>
<script>
import XdhLayout from '@/widgets/xdh-layout';
import XdhHeader from '@/widgets/xdh-header';

import XdhFilterPanel from '@/widgets/xdh-filter-panel';
import XdhListPanel from '@/widgets/xdh-list-panel';

import taskPane from '@/components/taskFeedback/taskPane';

export default {
  components: {
    XdhLayout,
    XdhHeader,
    XdhFilterPanel,
    XdhListPanel,
    taskPane
  },
  data() {
    return {
      nav: [
        {
          id: 'task',
          text: '协查任务'
        },
        {
          id: 'foreigner',
          text: '辖区外国人办证情况'
        }
      ]
    };
  },
  computed: {
    taskStatus() {
      return this.$route.params.status;
    }
  }
};
</script>
<style  type="text/scss" lang="scss" scoped>
.task-container {
  padding: 10px 15px;
  box-sizing: border-box;
  height: 100%;
  .task-head {
    text-align: center;
    margin-bottom: 10px;
  }
}
</style>
